src/app/(main)/websites/[websiteId]/(reports)/utm/UTMPage.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

'use client';
import { Column } from '@umami/react-zen';
import { WebsiteControls } from '@/app/(main)/websites/[websiteId]/WebsiteControls';
import { useDateRange } from '@/components/hooks';
import { UTM } from './UTM';

export function UTMPage({ websiteId }: { websiteId: string }) {
  const {
    dateRange: { startDate, endDate },
  } = useDateRange();

  return (
    <Column gap>
      <WebsiteControls websiteId={websiteId} />
      <UTM websiteId={websiteId} startDate={startDate} endDate={endDate} />
    </Column>
  );
}